$(function(){
    //页面dom元素
    const $e = {
        page: $('#c-layout'),//整体布局
        toggleMenu: $('#toggle-menu'),//菜单按钮
        rightPanel: $('#c-layout-right'),//右侧面板
        btnClosePanel: $('#c-panel-header-close'),//右侧面板上的关闭按钮
        bottomPanel: $('#c-layout-bottom'),//底部面板
        bottomPanelCtrl: $('#c-bottom-ctrl'),//底部面板控制按钮
        bottomScrollArea: $('#c-bottom-content'),//底部滚动区域
    };

    //点击菜单按钮，右侧面板显示隐藏
    $e.toggleMenu.click(function(){
        const a = 'show-right-panel';
        const $p = $e.page;
        const isActive = $p.hasClass(a);
        if(isActive){
            $p.removeClass(a);
        }else{
            $p.addClass(a);
        }
    })

    //点击面板上的关闭按钮，右侧面板隐藏
    $e.btnClosePanel.click(function(){
        const a = 'show-right-panel';
        $e.page.removeClass(a);
    })

    //底部面板的显示隐藏
    $e.bottomPanelCtrl.click(function(){
        const a = 'show-bottom-panel';
        const $p = $e.page;
        const isActive = $p.hasClass(a);
        if(isActive){
            $p.removeClass(a);
        }else{
            $p.addClass(a);
        }
    })

    //自定义滚动条
    //配置参数详见http://manos.malihu.gr/jquery-custom-content-scroller/
    $(".do-nicescrol").mCustomScrollbar({
        axis: 'y',
        scrollInertia: 100,
    });
    $e.bottomScrollArea.mCustomScrollbar({
        axis: 'x',
        scrollInertia: 100,
    });

    //自定义radio和checkbox
    //$('.c-custom-input').iCheck();
});